<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="top">
        <p class="back">
            <i class="iconfont icon-zuojiantou backi"></i>
        </p>
        <div class="nickname">
            <div class="nick">我的运动数据</div>
            <div class="headImg">
                <img src="../../assets/imgs/cat.jpg" alt="">
            </div>
        </div>
        <div class="sportData">
            
            <div class="sportbot">
                <div class="sportleft">
                    <p>总运动</p>
                    <div class="sportleftbot">
                        <span class="duration">99999</span>分钟
                    </div>
                </div>
                <i></i>
                <div class="sportright">
                    <p>本周消耗</p>
                    <div class="sportrightbot">
                        <span class="calorie">99999</span>千卡
                    </div>
                </div>
            </div>
        </div>
        <div class="data">
            <div class="calorie">
                <p>消耗(千卡)</p>
                <div class="">99999</div>
            </div>
            <div class="keep">
                <p>累计(天)</p>
                <div class="">999</div>
            </div>
            <div class="days">
                <p>连续(天)</p>
                <div class="">999</div>
            </div>
        </div>
        <div class="content">
            <div id="main" style="width: 100%;height:400px;"></div>
            <div id="mainTow" style="width: 100%;height:400px;"></div>
        </div>
    </div>
</body>
</html>